<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
  <body>
    <div th:fragment="nav">
      <nav class="navbar navbar-default">
        <div class="container-fluid">

          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
              <span class="sr-only">火豆 社区</span>
            </button>
            <a class="navbar-brand" href="/">火豆 社区</a>
          </div>

          <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <form class="navbar-form navbar-left" action="/" method="get">
              <div class="form-group">
                <input type="text" class="form-control" placeholder="搜索问题" name="search">
              </div>
              <button type="submit" class="btn btn-default">搜索</button>
            </form>
            <ul class="nav navbar-nav navbar-right">
              <li th:if="${session.user!=null}">
                <a href="/publish">发布</a>
              </li>
              <li><a href="/profile/replies">通知 <span class="badge" th:text="${session.unreadCount}"></span></a></li>
              <li class="dropdown" th:if="${session.user!=null}">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" >
                  <span th:text="${session.user.getName()}">我</span>
                  <span class="caret"></span>
                </a>
                <ul class="dropdown-menu">
                  <li><a href="/profile/questions">我的问题</a></li>
                  <li><a href="/logout">退出登录</a></li>
                </ul>
              </li>
              <li th:if="${session.user==null}">
<!--                <a th:href="@{https://github.com/login/oauth/authorize(client_id='34249f8e850476059776',redirect_uri=${#httpServletRequest.getServletContext().getAttribute('redirectUri')},scope='user',state=1)}">登录</a>-->
                <a href="#" data-toggle="modal" data-target="#myModal">登录</a>
              </li>
            </ul>
          </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
      </nav>

      <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document" style="margin-top: 200px;width: 300px;">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                      aria-hidden="true">&times;</span></button>
              <h4 class="modal-title" id="myModalLabel">登录注册</h4>
            </div>
            <div class="modal-body" style="text-align:center">
              <a th:href="@{https://gitee.com/oauth/authorize(client_id='475cb4bd62ed914415ace03c694ce656a9cdcec1ff9d56efd03168a0aff3b45e',redirect_uri=${#httpServletRequest.getServletContext().getAttribute('giteeRedirectUri')},response_type=code)}">
                <span>gitee</span>
              </a>
              <a th:href="@{https://github.com/login/oauth/authorize(client_id='05824beea5e7747a24b6',redirect_uri=${#httpServletRequest.getServletContext().getAttribute('githubRedirectUri')},scope='user',state=1)}">
                <span>github</span>
              </a>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
